{layout name="./base/base_back"}
		<title>查询订单</title>
		<link rel="stylesheet" type="text/css" href="/front/css/orderInquiry.css"/>
		<script src="/front/js/index.js"></script>
		<!--查询订单开始-->
		<div id="order-inquire-box">
			<div id="order-inquire">
				<div class="position-flow">
					<span style="font-size: 16px;">您的位置：</span>
					<span class="present-place">首页 >订单查询</span>
				</div>
				<div class="order-form">
					<ul class="table-title">
						<li class="active-li">通过会员账号查询</li>
						<li>通过手机验证码查询</li>
						<li class="basis-ordernum-find">通过订单号查询</li>
					</ul>
					<div class="basis-account table-cont" style="display: block;">
						<p>登录后可查询管理您名下的所有订单 </p>
						<p class="basis-account-login"><a href={php} echo url('/user/login','','','user') {/php}>立即登录</a></p>
						<p class="basis-account-reg">还没有账号？<a href={php} echo url('/user/register','','','user') {/php}>免费注册</a></p>
					</div>
					<div class="basis-mobile table-cont">
						<form action="" method="post">
							<div class="order-inquire-form-input">
								<label for="">手机号<span id="phone_error1" style="color: red;"></span></label>
								<div class="">
									<input type="text" name="mobile"  placeholder="请输入手机号码"/>
								</div>
							</div>
							<div class="order-inquire-form-input order-inquire-img-code">
								<label for="">图形验证码<span id="codeerror1" style="color: red;"></span></label>
								<div class="">
									<input type="text" name="imgCode1"  placeholder="请输入图片验证码"/>
									<label><img  id="captcha_img" style="cursor: pointer;" onclick="this.src='{:captcha_src()}?d='+Math.random();" alt="点击更换" title="点击更换" src="{:captcha_src()}" class="m"></label>
								</div>
							</div>	
							<div class="order-inquire-form-input order-inquire-mobile-code">
								<label for="">手机校验码<span class="order-inquire-error"></span></label>
								<div class="">
									<input type="text" name="" id="" value="" class="import-mob-code" placeholder="请输入手机校验"/>
									<input type="button"  id="" value="获取手机验证码" class="get-mob-code" />
								</div>
							</div>
							<div class="order-inquire-butoon">
								<button type="submit">查询</button>
							</div>
						</form>
					</div>
					<!-- 手机号查询 -->
					<script type="text/javascript">
					    	$(function(){
					    		//手机格式
					    		$("input[name='mobile']").blur(function(){
					    			var mobile = $('input[name="mobile"]').val();
					    			//不能为空
					    			if(!$.trim(mobile)) {
										$("input[name='mobile']").css({border: "1px solid red"});
										$("#phone_error1").html("必填");
										return false;
					    			}
					    			//手机号格式是否满足
					    			if((/^1[3|4|5|7|8]\d{9}$/.test(mobile)) || (/(^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+\.[a-zA-Z0-9_-]+$)|(^$)/.test(mobile))){
										$("input[name='mobile']").css({border: "1px solid green"});
										$("#phone_error1").html("");
					    			}else {
										$("input[name='mobile']").css({border: "1px solid red"});
										$("#phone_error1").html("格式不正确");
										return false;
					    			}
					    		})
					    		//图片验证码验证
					    		$('input[name="imgCode1"]').keyup(function(){
					    			var imgCodele = $('input[name="imgCode1"]').val().length;
					    			if (imgCodele>3) {
					    				var imgCode = $('input[name="imgCode1"]').val();
					    			//不能为空
					    			if(!$.trim(imgCode)) {
										$("input[name='imgCode1']").css({border: "1px solid red"});
										$("#codeerror1").html("请输入验证码");
										return false;
					    			}else {
					    				$.get('/reserve/checkcode?imgCode='+$("input[name='imgCode1']").val(),function(data) {
											$("input[name='imgCode1']").css({border: "1px solid green"});
											$("#codeerror1").html("");
											if (data===0) {
												$("input[name='imgCode1']").css({border: "1px solid red"});
												$("#codeerror1").html("验证码错误");
											}
										});
					    			}
					    		}
					 			})	
					    	})
					</script>
					<!-- 手机号查询结束 -->
					<div class="basis-ordernum table-cont">
						<div class="order-inquire-form-input">
							<label for="">订单号<span class="order-inquire-error"></span></label>
							<div class="">
								<input type="text" name=""  placeholder="请输入订单号"/>
							</div>
						</div>
						<div class="order-inquire-form-input">
							<label for="">手机号<span id="phone_error" style="color: red;"></span></label>
							<div class="">
								<input type="text" name="phone"  placeholder="请输入下单时填写的手机号"/>
							</div>
						</div>
						<div class="order-inquire-form-input order-inquire-img-code">
							<label for="">图形验证码<span id="codeerror" style="color: red;"></span></label>
							<div class="">
								<input type="text" name="imgCode"  placeholder="请输入验证码"/>
								<label><img  id="captcha_img" style="cursor: pointer;" onclick="this.src='{:captcha_src()}?d='+Math.random();" alt="点击更换" title="点击更换" src="{:captcha_src()}" class="m"></label>
							</div>
						</div>
						<div class="order-inquire-butoon">
							<button type="submit">查询</button>
						</div>
					</div>
					<!-- 订单号查询 -->
					<script type="text/javascript">
					    	$(function(){
					    		//手机格式
					    		$("input[name='phone']").blur(function(){
					    			var phone = $('input[name="phone"]').val();
					    			//不能为空
					    			if(!$.trim(phone)) {
										$("input[name='phone']").css({border: "1px solid red"});
										$("#phone_error").html("必填");
										return false;
					    			}
					    			//手机号格式是否满足
					    			if((/^1[3|4|5|7|8]\d{9}$/.test(phone)) || (/(^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+\.[a-zA-Z0-9_-]+$)|(^$)/.test(phone))){
										$("input[name='phone']").css({border: "1px solid green"});
										$("#phone_error").html("");
					    			}else {
										$("input[name='phone']").css({border: "1px solid red"});
										$("#phone_error").html("格式不正确");
										return false;
					    			}
					    		})
					    		//图片验证码验证
					    		$('input[name="imgCode"]').keyup(function(){
					    			var imgCodele = $('input[name="imgCode"]').val().length;
					    			if (imgCodele>3) {
					    				var imgCode = $('input[name="imgCode"]').val();
					    			//不能为空
					    			if(!$.trim(imgCode)) {
										$("input[name='imgCode']").css({border: "1px solid red"});
										$("#codeerror").html("请输入验证码");
										return false;
					    			}else {
					    				$.get('/reserve/checkcode?imgCode='+$("input[name='imgCode']").val(),function(data) {
											$("input[name='imgCode']").css({border: "1px solid green"});
											$("#codeerror").html("");
											if (data===0) {
												$("input[name='imgCode']").css({border: "1px solid red"});
												$("#codeerror").html("验证码错误");
											}
										});
					    			}
					    		}
					 			})	
					    	})
					</script>
				</div>
			</div>
		</div>
		<!--查询订单结束-->
		